<template>
  <section class="user-container">
    <h4 class="h-title">用户信息列表</h4>
    <BaseSearchBar width="80%" colSize="3" btnCol="1" :items="searchItems" />
    <BaseTable
      :columns="columns"
      :page="page"
      :data="tableData"
      @pageChange="onPageChange"
    />
  </section>
</template>

<script>
import { columns } from "./utils/columns.js";
import { searchItems } from "./utils/searchItems.js";
import BaseSearchBar from "@/components/baseSearchBar";
import basePage from "@/helpers/keepAlive/basePage";
export default basePage({
  components: { BaseSearchBar },
  name: "userList",
  data() {
    return {
      columns,
      searchItems,
      tableData: [{ application_no: 1 }],
      page: { total: 0, pageSize: 10, currentPage: 1 },
    };
  },
  methods: {
    onPageChange() {},
  },
});
</script>

<style lang="scss" scoped>
.user-container {
  margin-top: -15px;
  .h-title {
    padding: 8px 16px;
    background-color: #f7fcff;
    border-radius: 4px;
    border-left: 5px solid #50bfff;
    margin: 15px 0;
  }
}
</style>
